.monitor {
	.select-container {
			padding-right: 24px;
			display: flex;
			flex: 1;
			justify-content: flex-end;


			.rask-select {
				display: flex;
				flex: 1;
				align-items: center;
				justify-content: flex-end;
				overflow: visible !important;

				.spe-btn {
					padding: 0.5rem 1.25rem;
					font-size: var(--text-sm);
					border: 1px solid var(--color-border-2);
					cursor: pointer;
				}

				.spe-btn:first-child {
					border-right: none;
				}

				.spe-btn:hover,
				.active {
					color: var(--color-5);
					background-color: var(--color-bg-3);
				}

				.disable-btn {
					padding: 0.5rem 1.25rem;
					font-size: var(--text-sm);
					background-color: var(--color-bg-2);
					border: 1px solid var(--color-border-2);
				}

				.date-range {
					margin-left: 1rem;
				}
			}


			/* .spe-btn {
				height: 1.75rem;
				margin-right: 0.5rem;
				padding: 0 1rem;
				line-height: 1.75rem;
				border: 1px solid var(--color-border-2);
				border-radius: 2rem;
				cursor: pointer;
			}

			.spe-btn:hover,
			.active {
				color: var(--color-text-9);
				background-color: var(--color-5);
			}

			.disable-btn {
				height: 2rem;
				margin-right: 0.5rem;
				padding: 0 1rem;
				line-height: 2rem;
				background-color: var(--color-bg-2);
				border: 1px solid var(--color-border-2);
				border-radius: 2rem;
			} */
		}

	.chart-container {
		display: flex;
		height: 20rem;
		padding: 1rem;

		.abnormal,
		.availability {
			flex: 1;
		}

		.availability {
			border-right: 1px solid var(--color-border-2);
		}
	}
	:global {
		.ant-picker-clear {
			right: 11px !important;
		}
	}
}
